<template>
  <div class="player">
<!--    <div id="player-container" class="video-container">-->
<!--      <div style="position: absolute">-->
<!--        <img src=".././../assets/image/no-video.png">-->
<!--        <p style="font-size: 24px;color: #8A9099;text-align: center;margin-top: 30px"> 暂无画面</p>-->
<!--      </div>-->
<!--    </div>-->
    <custom-player :cdnPlayUrl="cdnPlayUrl" />
  </div>
</template>


<script>
  import CustomPlayer from './customPlayer'
  import { mixinPlayer } from './player.js'
  export default {
    components: { CustomPlayer },
    mixins:[mixinPlayer],
    name: 'player',
  }
</script>

<style>
.player {
  height: 100%;
}
</style>
